“Grand Tour Wordpress Template” Documentation by “ThemeGoods”


“Grand Tour Theme Documentation”

This a basic Grand Tour Theme documentation. Please visit our online documentation for advanced features.


Table of Contents

  1. What’s Included
  2. Installation
    1. Setting up header
    2. Setting up sidebar
    3. Setting up footer
    4. Setting up Revolution Slider Plugin
    5. Setting up page
    6. Setting up homepage
    7. Setting up tour
    8. Setting up gallery
    9. Setting up destination
    10. Setting up team member
    11. Setting up pricing
    12. Setting up testimonials
    13. Setting up blog post
    14. Setting up contact
    15. Shortcodes
    16. Widgets
    17. Translation
    18. WPML Plugin For Multilingual Content

A) What’s Included - top

When you purchase our theme from Themeforest. You can download Grand Tour files from Themeforest > Your Account > Downloads. Navigate through your purchased items and find Grand Tour. Click download button then you will se 2 options. Main file contain everything. Installable Wordpress Theme is included only installable Wordpress theme file. Check list of what's included when you download the main file option.

  1. Installable Theme File (.zip) - You can upload this file to your Wordpress to install the theme.
  2. Documentation - Contain theme documentation file.
  3. Licensing Folder - Contain all licensing info files.
  4. Changelog (.txt) - Included all theme versions changelog info

Free Theme Support

All of our themes come with free support and currently we handle all support questions through Our support portal.

Support includes Item support does not include


B) Installation - top

In order to begin installing Grand Tour theme. You need the latest version of Wordpress. Here is the download URL. Once you downloaded and set it up, You are ready to go.

Upon downloading the package, you will have an Installable Theme File (.zip) inside the theme package. Follow the steps below to install theme

Screen Shot 2557-03-09 at 3.12.09 PM

  1.  Go to your Wordpress Dashboard and navigate to Appearance > Themes
  2. Click Add new and hit upload button
  3. Select Grand Tour Installable Theme File (.zip) file from your computer and click "Install Now" button
  4. Once finished uploading theme file. Go to Appearance > Themes and activate it.
  5. Then you will be redirected to theme admin panel page and next step you need to install Revolution Slider plugin and  add your contents.

Common Wordpress Installation Issue

Missing style sheet error when installing the theme A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

Import Demo and Settings

When you first install the theme. It won't included all extra content that you have seen from live demo site. You can import Grand Tour Demo content. Go to Theme Setting > Demo Content and select which demo you want to import then click "Import Selected".


B 1) Setup header - top

Grand Tour includes a advanced theme admin panel. Inside Appearance > Customize > Header Header tab. Where you setup all options for header area.

Screen Shot 2557-03-09 at 9.13.27 PM

Top Bar

You can enable "Top Bar" via Appearance > Customize > Menu > Top Bar

Screen Shot 2557-03-09 at 9.13.27 PM

Upload Logo

By default Grand Tour displays its standard logo in header. You can replace it with your logo image. Go to Appearance > Customize > Logo & Favicon. Click "Select Image" button and select logo image from your computer.


Transparent Logo

Some pages use transparent logo instead of general logo for example all fullscreen templates and page with custom header background. It's easier for you to upload transparent logo just for these background image focused pages. Recommend white color image for transparent logo".

Page Title

Screen Shot 2557-03-09 at 9.55.34 PM

You can change page title size, background color, font color and family.  Go to Appearance > Customize > Header > Page TitleYou can customize all page title related elements options there.

Setting up Primary Menu

Grand Tour Support custom Wordpress menu, you can organise them into dropdown menu too. You can also change its style, background color, sub menu color and many other using theme admin panel.

Screen Shot 2557-03-09 at 9.29.16 PM


  1. Go to Appearance > Menus. Click "Create Menu" button
  2. To add menu items, select one of your pages/posts on the left hand boxes. Then click "Add To Menu".
  3. If you want to add custom link menu item (for example home link). Select "Links" and enter URL, Link Text there.
  4. You can organise your menu items using drag&drop functionality. Simple drag a menu item right below to the parent menu item.
  5. After setting up your menu, scroll down to the bottom of the page then assign the menu to "Primary Menu" in the Theme Locations box.

Setting up Footer Menu (Optional)

You can also add footer menu using above steps. Only when you select menu location, select "Footer Menu".

Setting up Top Bar Menu (Optional)

You can also add top bar menu using above steps. Only when you select menu location, select "Top Bar Menu".

Setting up Side (Mobile) Menu

You can also add footer menu using above steps. Only when you select menu location, select "Side (Mobile) Menu". This menu is also used for mobile devices.

Wordpress Custom Menu Tutorial

For those who are not familiar with Wordpress menu system below are video tutorial.



Setup Menu Colors

Screen Shot 2557-03-09 at 9.35.09 PM

You can change menu background, font colors, font family, size and etc. using theme admin panel. Go to Appearance > Customize > Menu. There are many options to customize menu including menu layout, typorgraphy, colors, background, sub menu options, mega menu options, top bar, contact info, search and side menu.

You can also change sub menu  background, font colors, font family, size and etc too. Once you finish customising. Click "Save & Publish".


B 2) Setting up sidebar - top

Screen Shot 2557-03-10 at 11.17.06 AM

Grand Tour comes with default sidebars. You can add widgets to the sidebar using Appearance > Widgets  You will find your selected widget on the right side. Simply drag and drop widgets you want from the left side boxes into the sidebar box.

Screen Shot 2557-03-10 at 7.07.22 PM

If you want to add your custom sidebar. Go to Theme Setting > General > Custom Sidebar Settings and sidebar name and click Save All Changes button.

Sidebar Typography and Styling

Screen Shot 2557-03-10 at 7.09.01 PM

You can change sidebar font size, font family, font color and etc. Go to Appearance > Customize > Sidebar


B 3) Setting up footer - top

The first area of Grand Tour footer is a widgetized section which you can displays them into 1-4 columns. This content can be organised in Wordpress Dashboard > Appearance > Widgets

Setup Widgets to Footer

Screen Shot 2557-03-09 at 10.04.49 PM

  1. First you have to enable it. Go to Appearance > Customize > Footer > General
  2. Select number of columns to display from 1-4 for Footer Sidebar Columns option.

Screen Shot 2557-03-09 at 10.10.18 PM

  1. To add widgets, go to Appearance > Widgets
  2. You will find "Footer Widget" section. Simply drag and drop widgets you want from the left side boxes into the "Footer Sidebar".

 Setup Footer Background & Colors

Screen Shot 2557-03-09 at 10.13.37 PM

You can change footer background color, font color and etc. Go to Appearance > Customize > Footer > General > Colors once finish customising. Click "Save & Publish" button.


Setup Footer Photostream

Theme has photostream grid option in footer section which you can use photos from your Flickr or Instagram account. Just open Theme Setting > Social Profiles > Photostream and select photo source between Instagram and Flickr. For example if you selected Instagram option. You have to setup Instagram Access Token and Instagram username options.


Setup Copyright Bar

Screen Shot 2557-03-09 at 10.19.17 PM

Below the widgetized area of footer is copyright bar where you can add your  copyright text including link to it. Go to Appearance > Customize > Footer > CopyrightYou can also select content for right copyright bar area between social icon and footer menu

The go to top option if you enable it. It will display arrow up button when visitor click on it. It will redirect to the top of page.


B 4) Setting up Revolution Slider Plugin - top

In order to use "Revolution Slider". You have to install "Revolution Slider" plugin.

  1. Log into your WordPress Admin area.
  2. You will see notice message about required plugins. Click on "Begin installing plugins"
  3. Select plugins you want to install including "Revolution Slider" then install and activate selected plugins

Click here for detailed instructions for Revolution Slider.


B 5) Setting up page - top

  1.  Go to WordPress Dashboard > Pages and click Add New
  2. Add page title and content. Then find Page Attributes box on the right side.
  3. Select page template you want for this page.
  4. Find Page Option box and select Page Sidebar you want to display on this page. (If you selected page with sidebar template)
  5. Once you are done. Click Publish button

Background Header Image

You can upload page background header image using Set featured image option (at the right bottom corner of edit page).


Make Menu Transparent

Screen Shot 2557-03-10 at 11.22.58 AM
You make main menu transparent over page header background image. Simply check "Make Menu Transparent" in page option box of edit page.


Responsive and Mobile options

You can enable "Responsive Layout" for mobile. Open Appearance > Customize > General > Mobile.


Content Builder

Grand Tour has built-in "Content Builder" for page. Basically you can select available content types. Once your selected, it will open a popup which you can setup options for selected content type. Once you finish adjusting options. Click "Save Changes". Lastly you can change content order using drag and drop in content builder box. Screen Shot 2557-03-10 at 11.22.58 AM

If you want to use Content Builder. In Content Builder Option box. Check "Enable Content Builder" option. Then select which module you want to add. It will open a popup of module's options. Once you enter module's options then click update.

Screen Shot 2557-03-10 at 11.22.58 AM

Screen Shot 2557-03-10 at 11.22.58 AM

After you made change on each modules options. You will notice "unsaved" badge, it means your options changes is not saved yet. You have to save changes via Publish option box of Wordpress then click "Update".

Screen Shot 2557-03-10 at 11.22.58 AM


B 6) Setting up homepage - top

By default, when you activated theme. Your homepage will display your recent posts and you can change its option. From your admin sidebar Settings > Reading > Front page displays select "Your latest posts". You can also change number of blog posts per page there too.

Screen Shot 2557-03-10 at 11.33.47 AM

You can also change your homepage content to a page. From your admin sidebar Settings > Reading > Front page displays select "A static page (select below)" and select a page you want to use as homepage.

Since this option works with any default Wordpress pages. So you can create a page using "Content Builder", shortcode or any HTML too.


B 7) Setting up tour - top

First thing to create tour content is to create a tour post.  Grand Tour has various post options for you display different content on your tour.

Setting up tour Posts

  1. Go to Wordpress Dashboard > Tours > Add New Tour
  2. Enter post title and content. You can use any shortcode or HTML for post content.
  3. Assign this tour to tour category using tour categories box on the right side.
  4. Enter tour excerpt, tour page will display this text under the title.
  5. Upload tour featured image using set featured box on the bottom right side. All pages will use this image for post preview image and thumbnail.
  6. Once you finish, click Publish.

Tour Options


Single tour Settings

You can change single post page setting using Appearance > Customize > Tour > Single Tour.

Setting up tour Page

Once you create tour posts. To display your tour on page, you have to create a tour page. Here are the steps to create a tour page.

  1. Go to Wordpress Dashboard > Pages and click Add New
  2. Add page title and content. Then find Page Attributes box on the right side.
  3. Select template begin with tour... as page template.
  4. Find Page Option box and select Page Sidebar you want to display on blog page. If you select tour Template With Sidebar as page template.
  5. Once you are done. Click Publish button

Tour Category Page Layout Settings

You can change portfolio category page layout setting using Tours > Tour Categories. Click on category you want to edit and select "Tour Category Page Template".


B 8) Setting up gallery - top

First you have to create a gallery. From your admin sidebar, open Galleries > Add New Gallery. You will get add new gallery form. Enter gallery title and description then click "Publish".

33

Next you have to add images to this gallery. From gallery admin page. Click on "Upload Image".

Then select images you want to upload to this gallery. Once you finish upload each image. It will automatically attach to this gallery. You can also change image title and description from this page. If you want to change order of images within gallery. You can easily drag&drop image next to each one. Once you finish dragging, click "Update" to save changes.

Now you have a gallery. There are few options to add gallery to page/post. You can add gallery content using content builder or shortcode.

Sorting Images in The Gallery

By default you can drag&drop to order images using gallery admin. However if you have many images in the gallery.


B 9) Setting up destination - top

First thing to create destination content is to create a destination post. Here are the steps to create a destination post.

  1. Go to Wordpress Dashboard > Destinations > Add New Destination
  2. Enter destination title and content.
  3. Assign this destination to destination category using destination categories box on the right side
  4. Upload post featured image using set featured box on the bottom right side. All pages will use this image for post preview image and thumbnail.
  5. Once you finish, click Publish.

Destination Options


NOTE: You have to create tour items first so they can be selected in related tour options.

Organise destinations by Destination Categories

If you want to categorized destination items by categories ex. Europe, Asia etc. You can do that easily.
  1. Open Wordpress Dashboard > Destinations > Destination Categories You will see list of for example destinations you have.
  2. If you don't have any, please create one first so you can assign destination items to it.
  3. Now back to edit destination page. Look at "destination categories" box and you will see list of your current destination categories. Check one you want to assign this destination to and save changes.


B 10) Setting up team member - top

Screen Shot 2557-03-10 at 3.24.43 PM

From your admin sidebar, open Team Members > Add New Team Member. You will get add new team member form. Enter name and description. You can assign this member to team category using team categories box on the right side.

Team Options

Screen Shot 2557-03-10 at 3.26.31 PM


Screen Shot 2557-03-10 at 3.29.02 PM

Upload team member photo using set featured box on the bottom right side. Once you finish, click Publish.

Team Content Builder

You can also display team members content using Content Builder too. When you create a page. Find content builder option box and select Team as its content type and click Add button.


B 11) Setting up pricing - top

From your admin sidebar, open Pricing > Add New Pricing. You will get add new pricing form.  Enter this pricing plan title.

Pricing Options

Screen Shot 2557-03-10 at 3.34.39 PM


Pricing Shortcode

Pricing shortcode can display in 2 styls. 3 and 4 columns. Using tg_pricing shortcode and enter columns attribute and also you can enter items attribute to filter the number of pricing plan to display. Here is an example code.
[tg_pricing columns="3" items="3"]
[tg_pricing columns="4" items="4"]


B 12) Setting up testimonials - top

From your admin sidebar, open Testimonials > Add New Testimonial. You will get add new pricing form.  Enter this testimonial title.

Testimonial Options

Screen Shot 2557-03-10 at 3.34.39 PM



B 13) Setting up blog post - top

First thing to create blog content is to create a post post.  Grand Tour has various post options for you display different content on your blog post. Here are the steps to create a blog post.

Screen Shot 2557-03-10 at 12.10.34 PM

  1. Go to Wordpress Dashboard > Posts > Add New
  2. Enter post title and content. You can use any shortcode or HTML for post content.
  3. Assign this post to category using categories box on the right side
  4. Add tags to this post. Type tag name in to the field in Tags box on the right side.
  5. Upload post featured image using set featured box on the bottom right side. All pages will use this image for post preview image and thumbnail.
  6. Once you finish, click Publish.

Post Options

Screen Shot 2557-03-10 at 12.12.47 PM


Single Post Settings

Screen Shot 2557-03-10 at 12.12.47 PM

You can change single post page setting using Appearance > Customize > Blog > Single Post

Setting up Blog Page

Once you create blog posts using standard Wordpress method. To display your posts on page, you have to create a  blog page. Here are the steps to create a blog page.

Screen Shot 2557-03-10 at 12.28.30 PM

  1. Go to Wordpress Dashboard > Pages and click Add New
  2. Add page title and content. Then find Page Attributes box on the right side.
  3. Select template begin with Blog... as page template.
  4. Find Page Option box and select Page Sidebar you want to display on blog page. If you select Blog Left Sidebar or Blog Right Sidebar as page template.
  5. Once you are done. Click Publish button

Blog Content Builder

You can also display blog content using Content Builder too. When you create a page. Find content builder option box and select Blog as its content type and click Add button.


Archive, Category and Tag Layout Settings

Screen Shot 2557-03-10 at 12.32.10 PM

You can change archive, category and tag page layout setting using Appearance > Customize > Blog > General


B 14) Setting up contact - top

Screen Shot 2557-03-10 at 6.42.34 PM

First, you have to setup your email address. Open Theme Setting > General and setup your email address.  From your admin sidebar, open Pages > Add New. You will get add new page form. Enter page title and description.

Next you can add contact form to page using content builder. When you edit a page, select "Contact" module and add it to content builder then save changes.

Contact Form 7 Plugin

You can use contact form shortcode as shown on demo site. First you have to install "Contact Form 7" Plugin and you can download it here. Then install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.

Once you installed Contact Form7. You will find new tab on the left side name "Contact". Open Contact > Add New

Screen Shot 2557-03-13 at 3.45.05 PM

Now you will see new contact form page. Enter name and find Form box. On the right side select field you want to use in your contact form. You can select from text, email, date  etc.  You will get new contact field info box.

Screen Shot 2557-03-13 at 3.46.01 PM

Screen Shot 2557-03-13 at 3.48.30 PM

From example screenshot. I have to copy [email email-863] and add the code to left side form in order to display email field in my contact form.

Screen Shot 2557-03-13 at 3.49.38 PM

Then copy [email-863] to the Message Body form to display email information in the email when it's sent.

Screen Shot 2557-03-13 at 3.51.00 PM

Once you finnish adding all contact form fields. Click Save button and copy contact form shortcode under its name and paste to any pages or posts to display the contact form you created.


B 15) Shortcodes - top

Grand Tour has many built-in custom shortcodes. You can see full lists of them from demo site. You can also use shortcode generator to generate sample code of theme shortcodes.

Screen Shot 2557-03-10 at 11.37.50 AM

Go to Pages and edit or add new page. You will find Shortcode Options box at the bottom. Select Shortcode you want to use and fill all options then click Generate Shortcode

Limitations Tab Shortcode is not support in Shortcode Generator. You can find tutorial about how to use it here.


B 16) Widgets - top

Screen Shot 2557-03-10 at 3.59.15 PM

Grand Tour includes 7 custom widgets. All widgets can be used in standard Wordpress widget system in Appearance > Widgets. You can drag&drop the widget on the left side over sidebar option on the right side. Each widget has its settings option and you put as many widgets as you want to the sidebar. Once you change the setting of widget, please make sure you click Save button.

B 17) Translation - top

We provided translation files to translate theme into your language. Both Grand Tour.po and Grand Tour.mo files are located in language folder of theme. Here are steps to translate theme into your language

  1. You need an application name "PoEdit" and you can download it for FREE here http://www.poedit.net/.
  2. Use translation field for your translation text.
  3. Once you finish translating. Save file to your language name for example en_US.po and it will generate both .mo and .po files.
  4. Open wp-config.php which is located in your Wordpress root directory. Change defined value WPLANG with your language name for example en_US
  5. Logged in to your server using FTP client. then navigate to theme language folder (/wp-content/themes/grandtour/languages)
  6. Upload both .po and .mo files to languages folder.


B 18) WPML Plugin For Multilingual Content - top

Grand Tour support WPML plugin for Multilingual content . First you have topurchase WPML license from https://wpml.org and your can download the plugin from your WPML account page (download WPML Multilingual CMS). Then install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.

Screen Shot 2557-03-16 at 6.44.06 PM

Now you will have WPML menu on the bottom left of Wordpress Dashboard. The first step is to setup your current language.

Screen Shot 2557-03-16 at 6.45.19 PM

Next step. Select other languages you want to use on your site.

The last step is to add language switcher to your site. There are many ways to add it. You can select sidebar to display language switcher from the option "Choose where to display the language switcher widget".

If you are familiar with PHP coding. You can also add custom language switcher using PHP code. Please see sample and tutorials here.

Another option is to add language switcher to your menu. Check "Display the language switcher in the WP Menu". option and select your main menu.

Screen Shot 2557-03-16 at 7.10.34 PM

Next, go to your WPML account > Downloads and download WPML String Translation plugin. Install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.

Screen Shot 2557-03-16 at 7.12.42 PM

Open WPML > Theme and plugins  localization and check "Translate by WPML." and click Save button. Now WPML should added all translation strings to the system.

Screen Shot 2557-03-16 at 7.17.26 PM

Open WPML > String Translation you will see list of all translation text. Click translations and enter translated text.

This is a basic step to translate theme strings into multiple languages. You can learn more about advanced options and other WPML features from WPML site.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

themegoods2.com

Go To Table of Contents